 *{
    margin:0;
    padding:0;
}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 400;
}
a{   
    text-decoration: none;
}
li{
    list-style: none;
}
//顶部导航部分
.category{
    width:1200px;
    height:19px;
    margin:0 auto;
    font-size:12px; 
    margin-top:8px;
    margin-bottom:10px;
    color:#333;
            a{
               color:#666;
               &:hover{
                   color:#333333;
               }
            }    
}
//顶部导航部分结束
//中间部分开始
.main{
    width:1200px;
    height:auto;
    overflow: hidden;
    margin:0 auto;
        .left{
            width:240px;
            height:613px;
            background:#FAFAFA;
            float:left;
//              我的商城
                    .title{
                        display:block;
                        width:240px;
                        height:20px;
                        padding-top:28px;
                        padding-bottom:20px;
                        font-size:18px;
                        text-indent:30px;
                        font-family:arial,​"微软雅黑";
                        font-weight:400;
                        &:hover{
                            color:#CA151E;
                        }
                      
                    }
//          我的商城标题
                 .order_center{
                            width:208px;
                             height:20px;
                              margin-left:16px;
                              margin-top:15px;
                             background:url(../images/bg63.png) repeat-x 0px 11px ;
                             text-align:center;
                                span{
                                    width:70px;
                                    margin-left:70px;
                                    height:24px;
                                    display:block;
                                    background:white;
                                    font-size: 14px;
                                    color:#888888;
                                    background:#FAFAFA;
                                    font-weight:400;
                                }
                                       } 
                                       
                }
//              我的订单
                .order_list{
//                  padding-left:30px;
                        li{
                            height:20px;
                            margin-top:20px;
                            padding-left:30px;
                            margin-bottom:20px;
                                a{
                                    color:#333333;
                                    &:hover{color:#CA151E;}
                                    font-size: 14px;
                                }
                                em{
                                    width:6px;
                                    height:14px;
                                    display:inline-block;
                                    background:#CA151E;
                                    line-height: 14px;
                                    font-size:11px;
                                    font-family:arial,​"微软雅黑";
                                    padding-left:4px;
                                    padding-right:12px;
                                    border-radius:7px;
                                    color:white;
                                    font-style: normal;
                                }
                        }
                        li.cur{
                            border-left:solid 2px red;
                            a{
                                color:#CE1531;
                                padding-right:5px;
                            }
                        }
                }
                
// 右侧区域             
              .right{
                  width:930px;
                  height:auto;
                  overflow:hidden;
                  float: left;
                  margin-left:20px;
                  padding-bottom:200px;
                  
                        .title{
                            width:930px;
                            height:50px;
                            border-bottom:solid 1px #DEDEDE;
                            margin-top:10px;
                            color:#333333;
                            font-weight:400;
                            font-size: 24px;
                            
                        }
//                 我的订单状态列表     
                  table.form{
                      width:900px;
//                    height:100px;
                              tr{
                                  border:solid 1px red;
                                  th{
                                      width:88px;
                                      color:#333333;
                                      font-size:14px;
                                      span{color:#CA151E;
                                      }
                                  }
                              }
                              .shoujianren{
                                  th{
                                      height:60px;
                                  }
                                  td{
                                      input{
                                          width:153px;
                                          height:38px;
                                          border:solid 1px #DEDEDE;
                                          text-indent:10px;
                                          transition: border-color 0.3s ease 0s;
                                          &:focus{
                                                border-color: #333;  
                                          }
                                        }
                                    }
                                  
                                 }
                               .shouhuodizi{
                                  th{
                                      height:60px;
                                      }
                                      td{
                                          select{
                                              width:110px;
                                              height:36px;
                                              border:solid 1px #DEDEDE;
                                              text-indent:10px;
                                          }
                                      }
                                }  
                               .textar{
                                        td{
                                            textarea{
                                                width:500px;
                                                height:100px;
                                                resize:none;
                                                padding-top:10px;
                                                padding-left:12px;
                                                color:#999999;    
                                                border: 1px solid #DEDEDE;
                                                transition: border-color 0.3s ease 0s;
                                                &:focus{
                                                    border-color: #333;
                                                }                  
                                            }
                                        }
                                }
                                 .youbian{
                                      th{
                                          height:60px;
                                         }
                                      td{
                                          input{
                                                width:100px;
                                                height:38px;
                                                border:solid 1px #DEDEDE;
                                                text-indent:10px;
                                                border: 1px solid #DEDEDE;
                                                transition: border-color 0.3s ease 0s;
                                                &:focus{
                                                    border-color: #AC5D03;
                                                }
                                            }
                                        }
                                  
                                 }
                                .default{
                                   
                                    td{
                                        
                                        height:40px;
                                        color:#333333;
                                        input{margin-top:5px;
                                            float:left;
                                            margin-right:5px;
                                        }
                                    }
                                } 
                                .sub{
                                    
                                    input{
                                        width:156px;
                                        height:40px;
                                        border:none;
                                        background:#BB7711;
                                        color:white;
                                        line-height:40px;
                                        text-align:center;
                                        font-size:16px;
                                        cursor:pointer;
                                        &:hover{
                                            background:#9A5C00;
                                        }
                                    }
                                    a{
                                        display:inline-block;
                                        width:156px;
                                        height:40px;
                                        border:solid 1px #BBBBBB;
                                        margin-left:18px;
                                        text-align: center;
                                        line-height:40px;
                                        color:#333333;
                                        &:hover{
                                            color:white;
                                            background:#3A3A3A;
                                            
                                        }
                                    }
                                }
                                  
                              
                                
                  }
//                默认信息
                 .myAddress-record {
                     padding-top: 40px;
                    width: 100%;
                    overflow: hidden;
                    .list-group-title {
                        padding: 13px 0px;
                        margin: 0px -1px;
                        background-color: #FAFAFA;
                        table {
                            width: 100%;
                            border-collapse: collapse;
                            font-size: 14px;
                            tr{
                                th {
                                    font-size: 14px;
                                    color: #888;
                                    height: 14px;
                                    line-height: 14px;
                                    border-left: 1px solid #DEDEDE;
                                    border-right: 1px solid #DEDEDE;
                                    text-align: center;
                                }
                                .col-name {
                                    width: 137px;
                                }
                                .col-address {
                                    word-break: break-all;
                                    word-wrap: break-word;
                                    padding-left: 25px;
                                    padding-right: 25px;
                                }
                                .col-zip {
                                    width: 118px;
                                }
                                .col-tel {
                                    width: 172px;
                                }
                                .col-operate {
                                    width: 199px;
                                }
                            }
                        }
                    }
                    #list-group{
                        .list-group-item {
                            margin: 0px -1px;
                            border-bottom: 1px solid #F2F2F2;
                            table {
                                width: 100%;
                                border-collapse: collapse;
                                a{
                                    &:hover{
                                        color: #CA151E;
                                    }
                                }
                                tr{
                                    &:hover{
                                        color: #CA151E;
                                    }
                                    td {
                                        font-size: 14px;
                                        padding-top: 14px;
                                        padding-bottom: 14px;
                                        border-left: 1px solid #FFF;
                                        border-right: 1px solid #FFF;
                                        text-align: center;
                                        padding: 16px 0px;
                                    }
                                    .col-name {
                                        width: 137px;
                                    }
                                    .col-address {
                                        text-align: left;
                                        word-break: break-all;
                                        word-wrap: break-word;
                                        padding-left: 25px;
                                        padding-right: 25px;
                                    }
                                    .col-zip {
                                        width: 118px;
                                    }
                                    .col-tel {
                                        width: 172px;
                                    }
                                    .col-operate {
                                        width: 199px;
                                        p {
                                            float: left;
                                            border-right: 1px solid #DEDEDE;
                                            text-align: center;
                                            height: 16px;
                                            padding: 3px 0px;
                                            overflow: hidden;
                                        }
                                        .default {
                                            color: #CA151E;
                                        }
                                        a{
                                            color: #36C;
                                        }
                                        .p-edit{
                                            width: 50px;
                                            .edit{
                                                background: transparent url("../images/icon40.png") no-repeat scroll 0% 0%;
                                                display: inline-block;
                                                width: 16px;
                                                height: 16px;
                                                background-position: 0px 0px;
                                                span{
                                                    transition: opacity 0.3s ease-in 0s;
                                                    opacity: 0;
                                                    visibility: hidden;
                                                    display: inline-block;
                                                    width: 28px;
                                                    height: 16px;
                                                }
                                                &:hover span{
                                                    visibility: visible;
                                                    opacity: 1;
                                                }
                                                &:hover{
                                                    background-image: none;
                                                }
                                            }
                                        }
                                        .p-del {
                                            width: 50px;
                                            .del{
                                                background: transparent url("../images/icon40.png") no-repeat scroll 0% 0%;
                                                display: inline-block;
                                                width: 16px;
                                                height: 16px;
                                                background-position: 0px -26px;
                                                span{
                                                    transition: opacity 0.3s ease-in 0s;
                                                    opacity: 0;
                                                    visibility: hidden;
                                                    display: inline-block;
                                                    width: 28px;
                                                    height: 16px;
                                                }
                                                &:hover span{
                                                    visibility: visible;
                                                    opacity: 1;
                                                }
                                                &:hover{
                                                    background-image: none;
                                                }
                                            }
                                        }
                                        .p-state {
                                            border-right: 0px none;
                                            width: 96px;
                                            .set{
                                                transition: opacity 0.3s ease 0s;
                                                visibility: hidden;
                                            }
                                        }
                                    }
                                   &:hover .set{
                                        visibility: visible !important;
                                    } 
                                }
                            }
                        }
                    }
                }

//商品结束
              }
}
//中间部分
.ol_box_mask {
    position: fixed !important;
    top: 0px;
    left: 0px;
    z-index: 499;
    opacity: 0.4;
    background-color: #000;
    visibility: visible;
}
.ol_box_4 {
    width: 428px;
    border: 1px solid #D2D2D2;
    background-color: #F2F2F2;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
    font-family: "Tahoma",微软雅黑;
    .box-ct{
        .box-header {
            position: relative;
            padding: 26px 0px 14px;
            .box-tc{
                .box-tc2{
                    .box-close {
                        display: block;
                        height: 11px;
                        padding-left: 11px;
                        background: transparent url("../images/icon1.png") no-repeat scroll 0% 0%;
                        background-position: -170px 0px;
                        line-height: 1px;
                        position: absolute;
                        right: 10px;
                        top: 10px;
                        cursor: pointer;
                    }
                    .box-title {
                        display: block;
                        text-align: center;
                        font-size: 14px;
                        font-weight: 700;
                    }
                }
            }
        }
        table{
            .box-cc {
                vertical-align: top;
                width: 368px;
                .box-content {
                    padding: 0px 30px;
                    .box-prompt-success-area{
                        .h {
                            text-align: center;
                            padding: 7px 0px 21px;
                            i {
                                display: inline-block;
                                width: 72px;
                                height: 72px;
                                background: transparent url("../images/icon33.png") no-repeat scroll 0% 0%;
                                background-position: -34px 0px;
                            }
                        }
                        .b {
                            text-align: center;
                            padding: 2px 0px 25px;
                        }
                    }
                }
                .box-button {
                    padding: 5px 0px 30px;
                    text-align: center;
                    font-size: 0px;
                    .box-ok{
                        display: inline-block;
                        min-width: 78px;
                        height: 35px;
                        line-height: 35px;
                        border: 1px solid #D1D1D1;
                        background-color: rgba(0, 0, 0, 0.03);
                        font-size: 14px;
                        margin: 0px 7.5px;
                        padding: 0px 20px;
                        white-space: nowrap;
                        span{
                            line-height: 35px;
                            font-size: 14px;
                            white-space: nowrap;
                        }
                        &:hover{
                            background-color: #F9F9F9;
                        }
                    }
                }
            }
        }
    }
}